<template>
    <!-- 轮播图组件 -->
    <div class="swiperBox">
      <swipe :autoplay="3000" lazy-render indicator-color="white">
        <swipe-item v-for="(item, index) in images" :key="index">
          <img :src="item" style="width: 100%; height: 55px" />
        </swipe-item>
      </swipe>
    </div>
</template>

<script>
import { Button, Swipe, SwipeItem } from "vant";
    export default {
        name:'Swiper',
        props:['images'],
        components: { Button, Swipe, SwipeItem },
    }
</script>

<style lang="less" scoped>
.swiperBox {
  width: 6.5rem;
  height: 1.1rem;
  margin: auto;
  border-radius: 10px;
  margin-top: 0.2rem;
  overflow: hidden;
//   background-color: yellow;
  margin-bottom: 5px;
}
</style>